/* map */
<template xlang="wxml">
  <view
    class=""
    hover-class="none"
    hover-stop-propagation="false"
    style="width: 100%; height: 200px;"
  >
    <map
      id="map"
      :longitude="113.32452"
      :latitude="23.099994"
      scale="14"
      bindmarkertap="markertap"
      :markers="markers"
      show-location
    ></map>
  </view>
</template>

<script>
export default {
  data: () => ({
    latitude: 23.099994,
    longitude: 113.32452,
    markers: [
      {
        iconPath:
          "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1600065797396&di=e7443bff245e156c653f86805a4c47aa&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_pic%2F19%2F03%2F31%2Fcad7cd05e53f26b67e33d8abf3c99c5e.jpg",
        id: 0,
        latitude: 23.099994,
        longitude: 113.32452,
        width: 50,
        height: 50
      }
    ]
  }),
  methods: {},
  computed: {},
  watch: {},

  // vue生命周期函数--初始化执行完毕
  created() {},
  // vue生命周期函数--数据更新后
  beforeUpdate() {},
  // vue生命周期函数--组件销毁前
  beforeDestory() {},

  // 小程序生命周期函数--监听页面加载
  onLoad(options) {},
  // 小程序生命周期函数--监听页面初次渲染完成
  onReady() {},
  // 小程序生命周期函数--监听页面显示
  onShow() {},
  // 小程序生命周期函数--监听页面隐藏
  onHide() {},
  // 小程序生命周期函数--监听页面卸载
  onUnload() {},
  // 小程序页面相关事件处理函数--监听用户下拉动作
  onPullDownRefresh() {},
  // 小程序页面上拉触底事件的处理函数
  onReachBottom() {}
  // 小程序用户点击右上角分享
  // onShareAppMessage() {},
  // 小程序页面相关事件处理函数--监听页面滚动
  // onPageScroll() {},
  // 小程序页面相关事件处理函数--tab页点击
  // onTabItemTap() {}
};
</script>

<style lang="less" scoped>
#map {
  height: 100%;
  width: 100%;
}
</style>